<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale = 1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src = './common/js/reset.js'></script>
    <link rel="stylesheet" href="./common/css/reset.css">
    <link rel="stylesheet" href="./lib/css/mobiscroll.css">
    <link rel="stylesheet" href="./lib/css/mobiscroll_date.css">
    <link rel="stylesheet" href="./lib/css/normalize3.0.2.min.css">
    <link rel="stylesheet" href="./css/editRecord.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>依米</title>
</head>
<body>
    <div class="header">
        <a class = "iconfont icon-zuojiantou" href="./personalCenter.html?record=true"></a>
        李四的健康档案 
    </div>
    
    <div class="nav">
        <span class="active">个人资料</span>
        <span>生活习惯</span>
        <span>专属病历</span>
    </div>
    <div class="panelWrap">
        <div class="panel0 panel">
            <div class="info">
                <ul>
                    <li>
                        <label class = "patient">姓名
                            <input id="patient" type="text" >
                        </label>
                    </li>
                    <li>
                        <label>性别
                            <input id="gender" type="text" readonly>
                        </label>
                    </li>
                    <li>
                        <label>出生日期
                            <input id="USER_AGE" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>与患者关系
                            <input id ="relation" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>所在城市
                            <input id="picker5" type="text" readonly>
                        </label>
                    </li>
                    <li class="mt20">
                        <label>手机号码
                            <input id="tel" type="text" placeholder="便于获取医生回复通知">
                        </label>
                    </li>
                    <li>
                        <label>身份证号
                            <input id="ID" type="text" placeholder="请输入身份证号">
                        </label>
                    </li>
                    <li>
                        <label>就诊卡号
                            <input id="cardNum" type="text" placeholder="请绑定就诊卡号">
                        </label>
                    </li>
                    <li class="mt20 switchWrap">
                        <label >是否有过敏史
                            <input id="allergy" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="panel1 panel">
            <div class="info">
                <ul>
                    <li class=" switchWrap">
                        <label >抽烟
                            <input id="smoking" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                    <li class=" switchWrap">
                        <label >饮酒
                            <input id="driving" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                    <li class=" switchWrap">
                        <label >饮食是否规律
                            <input id="eating" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                    <li class="mt20 switchWrap">
                        <label >睡眠是否规律
                            <input id="sleepping" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                    <li class="mt20 switchWrap">
                        <label >大小便是否规律
                            <input id="pee" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                    <li class="mt20 switchWrap">
                        <label >是否长期服用止疼药或镇定剂催眠
                            <input id="narcotic" type="checkbox">
                            <span flag= "false" class='switch'>
                                <b class="fl">否</b> <b class="fr">是</b
                                    >
                                <i></i>
                            </span>
                        </label>
                    </li>
                </ul>
            </div>
        </div>
        <div class="panel2 panel">
            暂无
        </div>
    </div>

    <script src="./lib/jquery-1.11.3.min.js"></script>
    <script src="./lib/picker.min.js"></script>
    
    <script src="./lib/mobiscroll_date.js" charset="gb2312"></script>
    <script src="./lib/mobiscroll.js"></script>
    <script src="./common/js/city.js"></script>
    <script src="./common/js/selectCity.js"></script>
    <script src="./js/editRecord.js"></script>
</body>
</html>